<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>Lr 2</title>
    <script src="jquery.js"></script>
    <script src="jquery-ui.js"></script>
</head>
<body>
<button>Background green</button>
<h1>abz</h1>

<h1>ABZ</h1>
<p class="abz">



Не нужно быть специалистом в области медицины,
чтобы <a href="#">перечислить</a> типичные для офисной работы ухудшения состояния здоровья:
от искривления позвоночника до застаивания <a href="#">крови</a> в сосудах. Делать перерывы на
зарядку позволить себе может не каждый, а вот если ваше рабочее место предоставит вам больше
вариантов для смены положения тела, то это внесет значительный вклад в поддержание тонуса и
вашего здоровья. Такую гибкость вам сможет предоставить стол, <a href="#">который</a> меняет свою высоту по
вашему желанию. <a href="#">Давайте</a> рассмотрим имеющиеся на рынке столы, регулируемые по высоте для работы стоя
и сидя, чтобы вы могли сделать правильный выбор.
</p>

<img src= "img1.png" id = "img1" style = "width: 45%;"/>
<img src= "img2.png" id = "img2" style = "width: 45%;"/>

<script>
    $(document).ready(function () {
        var font_size = parseFloat($('h1').css('font-size'));
        

        $("button").dblclick(function(){
            $('h1').each(function(){
            	var el_size  = parseFloat($(this).css('font-size'));

            	if (el_size == font_size) {
            		el_size += 10;
            	} else {
            		el_size -= 10;
            	}


            	$(this).css({'font-size': ""+el_size+"px"});
            	console.log(font_size);
            });
        });

        $("a").animate({
            color: "#ccc"
        }, 1000);


        $("*").click(function () {
            $("body").css({
                "background": "green"
            });
        });

        $("p.abz").mouseover(function () {
            $('a',this).css({
                "color": "red"
            });
        });

        $(".abz").mouseleave(function () {
            $('a',this).css({
                "color": "black"
            });
        });

        $("img").mouseover(function(){
        	var src1 = $("#img1").attr("src");
        	var src2 = $("#img2").attr("src");
        	$("#img1").attr("src",src2);
        	$("#img2").attr("src",src1);
        });
    });
</script>
</body>
</html>